<template>
  <view>
    <van-form @submit="confirmRemoke">
      <view style="margin-top: 20rpx"></view>
      <van-cell-group inset>
        <van-field
          v-model="formData.type"
          autosize
          label="工作类型"
          placeholder="请选择工作类型"
          required
					readonly
          :rules="[{ required: true, message: '请选择工作类型' }]"
          error-message-align="left"
          clearable 
          right-icon="arrow"
        />
      </van-cell-group>
			<view style="margin-top: 20rpx"></view>
      <van-cell-group inset>
        <van-field
          v-model="formData.type"
          autosize
          label="工作类别"
          placeholder="请选择工作类别"
          required
					readonly
          :rules="[{ required: true, message: '请选择工作类别' }]"
          error-message-align="left"
          clearable 
          right-icon="arrow"
        />
      </van-cell-group>
      <view style="margin-top: 20rpx"></view>
      <van-cell-group inset>
        <van-field
          v-model="formData.start"
          autosize
          label="开始时间"
          placeholder="请选择开始时间"
          required
					readonly
          :rules="[{ required: true, message: '请选择开始时间' }]"
          error-message-align="left"
          clearable
          right-icon="arrow"
        />
        <van-field
          v-model="formData.end"
          autosize
          label="结束时间"
          placeholder="请选择结束时间"
          required
          :rules="[{ required: true, message: '请选择结束时间' }]"
          error-message-align="left"
          clearable
          right-icon="arrow"
        /> 
      </van-cell-group>
      <view style="margin-top: 20rpx"></view>
      <van-cell-group inset>
        <van-field
          v-model="formData.reason"
          autosize
          label="工作内容"
          placeholder="工作内容"
          type="textarea"
          rows="3"
          required
          :rules="[{ required: true, message: '工作内容' }]"
          error-message-align="left"
          clearable
        />
      </van-cell-group>
			
      <view style="margin-top: 20rpx"></view>
			<van-cell-group inset>
        <van-field
          v-model="formData.reason"
          autosize
          label="明日计划"
          placeholder="明日计划"
          type="textarea"
          rows="3"
          required
          :rules="[{ required: true, message: '明日计划' }]"
          error-message-align="left"
          clearable
        />
      </van-cell-group>
      <view style="margin-top: 20rpx"></view>
			<van-cell-group inset>
        <van-field
          v-model="formData.type"
          autosize
          label="工作状态"
          placeholder="工作状态"
          required
					readonly
          :rules="[{ required: true, message: '工作状态' }]"
          error-message-align="left"
          clearable 
          right-icon="arrow"
        />
      </van-cell-group>
    </van-form>

    <view class="btn">确定</view>
      <view style="height: 100rpx;"></view>
  </view>
</template>
<script setup>
const formData = ref({});
const active = ref(0);
</script>
<style>
.shcard /deep/ .van-steps {
  background: #fff !important;
}
</style>
<style lang="scss" scoped>
.stepbox{
  padding:30rpx; 
  margin: 0 auto;
  box-sizing: border-box;
   .stepItem{
    display: flex;
    align-items: center;
    padding-bottom: 100rpx;
    position: relative;
    &::after{
      content: '';
      width:5rpx;
      height: 80rpx;
      background: #e1e1e1;
      position: absolute;
      bottom: 10rpx;
      left: 42rpx;
    }
    &:nth-last-child(1){
      padding-bottom: 0;
      &::after{
        display: none;
      }
    }
    .avatar{
      width: 90rpx;
      height: 90rpx;
      display: block;
      image{
        width: 90rpx;
        height: 90rpx;
        display: block;
      }
      
    }
    .person{
      padding-left: 40rpx;
      font-size: 28rpx;
      font-weight: 700;
      .nickname{
        color: #8d8d8d;
        font-weight: 400;
        padding-top: 10rpx;
      }
    }
   }
}
.card {
  background: #fff;
  width: 690rpx;
  margin: 0 auto;
  border-radius: 20rpx;
}
.btn {
  width: 93%;
  height: 88rpx;
  border-radius: 10rpx;
  text-align: center;
  line-height: 88rpx;
  background: #1158bf;
  color: #fff;
  margin: 0 auto;
  margin-top: 100rpx;
}
</style>
